<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>exp2-2</title>
    <style type="text/css">
    #div1 {
        width: 510px;
        padding: 10px;
        margin-left: 30px;
        border: black solid 0.0625rem;
    }

    h1 {
        font-family: "黑体";
        text-align: center;
    }

    #explain {
        font-style: italic;
        text-align: center;
        color: gray;
    }

    #main {
        font-weight: bold;
        text-indent: 2em;
        line-height: 3;
        margin: 0;
    }
    </style>
</head>

<body>
    <div id="div1">
        <div><img src="moon.jpg" width="510px"/></div>
        <h1>水调歌头.明月几时有</h1>
        <p align="center">[宋] 苏轼</p>
        <p id="explain">丙辰中秋，欢饮达旦，大醉，作此篇，兼怀子由。</p>
        <div>
            <p id="main">明月几时有？把酒问青天。不知天上宫阙，今夕是何年？我欲乘风归去，又恐琼楼玉宇，高处不胜寒。起舞弄清影，何似在人间？</p>
            <p id="main">转朱阁，低绮户，照无眠。不应有恨，何事长向别时圆？人有悲欢离合，月有阴晴圆缺，此事古难全。但愿人长久，千里共婵娟。</p>
        </div>
        <hr align="center" />
        <div><img src="next2.jpg" width="510px" /></div>
        <h1>念奴娇.赤壁怀古</h1>
        <p align="center">[宋] 苏轼</p>
        <div>
            <p id="main">大江东去，浪淘尽，千古风流人物。故垒西边，人道是：三国周郎赤壁。乱石崩云，惊涛裂岸，卷起千堆雪。江山如画，一时多少豪杰。</p>
            <p id="main">遥想公瑾当年，小乔初嫁了，雄姿英发。羽扇纶巾，谈笑间、强虏灰飞烟灭。故国神游，多情应笑我，早生华发。人间如梦，一尊还酹江月。</p>
        </div>
        <hr align="center" />
    </div>
</body>

</html>